<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>左导航栏</title>

    <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
    <link rel="stylesheet" th:href="@{/assets/css/colors.css}">
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/custom.js}"></script>
    <script th:src="@{/assets/js/daterangepicker.js}"></script>
    <script th:src="@{/assets/js/dropzone.js}"></script>
    <script th:src="@{/assets/js/imagesloaded.js}"></script>
    <script th:src="@{/assets/js/ion.rangeSlider.min.js}"></script>
    <script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
    <script th:src="@{/assets/js/lightbox.js}"></script>
    <script th:src="@{/assets/js/markerclusterer.js}"></script>
    <script th:src="@{/assets/js/moment.min.js}"></script>
    <script th:src="@{/assets/js/morris.min.js}"></script>
    <script th:src="@{/assets/js/raphael.min.js}"></script>
    <script th:src="@{/assets/js/select2.min.js}"></script>
    <script th:src="@{/assets/js/slick.js}"></script>
    <script th:src="@{/assets/js/slider-bg.js}"></script>
</head>
<body>

<!-- 左侧导航栏 -->
<div class="col-lg-3 col-md-4 col-sm-12"  style="height: 695px;" th:fragment="left">
    <div class="property_dashboard_navbar">
        <div class="dash_user_menues">
            <ul>
                <!-- 房东、租客共有部分 -->
                <li th:if="${loginUserData.role != 'manager'}" id="userInfo">
                    <a th:href="@{/user/info}" style="color: white">
                        <i class="ti-user"></i>个人信息
                    </a>
                </li>
                <li th:if="${loginUserData.role != 'manager'}" id="orderManage">
                    <a th:href="@{/order/orderList}" style="color: white">
                        <i class="ti-file"></i>合同管理
                    </a>
                </li>
                <!-- 租客部分 -->
                <li th:if="${loginUserData.role == 'customer'}" id="myMarked">
                    <a th:href="@{/mark/markList}" style="color: white">
                        <i class="ti-bookmark"></i>我的收藏
                    </a>
                </li>
                <li th:if="${loginUserData.role == 'customer'}" id="myFeedbackInfo">
                    <a th:href="@{/feedback/feedbackList}" style="color: white">
                        <i class="ti-book"></i>我的反馈
                    </a>
                </li>
                <!-- 房东部分 -->
                <li th:if="${loginUserData.role == 'owner'}" id="addHousesInfo">
                    <a th:href="@{/houseAdd}" style="color: white">
                        <i class="ti-marker"></i>发布房源
                    </a>
                </li>
                <li th:if="${loginUserData.role == 'owner'}" id="myHousesInfo">
                    <a th:href="@{/myAddHouse}" style="color: white">
                        <i class="ti-star"></i>我的发布
                    </a>
                </li>
                <li th:if="${loginUserData.role == 'owner'}" id="feedbackDeel">
                    <a th:href="@{/feedback/feedbackList}" style="color: white">
                        <i class="ti-hand-open"></i>反馈处理
                    </a>
                </li>
                <!-- 管理员部分 -->
                <li th:if="${loginUserData.role == 'manager'}" id="HousesManage">
                    <a th:href="@{/manager/housesManage}" style="color: white">
                        <i class="ti-home"></i>房源管理
                    </a>
                </li>
                <li th:if="${loginUserData.role == 'manager'}" id="newsManage">
                    <a th:href="@{/news/newsList}" style="color: white">
                        <i class="ti-new-window"></i>新闻管理
                    </a>
                </li>
                <li  th:if="${loginUserData.role == 'manager'}" id="addNewsInfo">
                    <a th:href="@{/news/publishNewsPage}" style="color: white">
                        <i class="ti-upload"></i>发布新闻
                    </a>
                </li>
                <li  th:if="${loginUserData.role == 'manager'}" id="userManage">
                    <a th:href="@{/manager/userList}" style="color: white">
                        <i class="ti-user"></i>用户管理
                    </a>
                </li>
                <!-- 房东、管理员、租客共有部分 -->
                <li id="passwordUpate">
                    <a th:href="@{/updatePasswordPage}" style="color: white">
                        <i class="ti-unlock"></i>密码修改
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script>
    $(function () {
        $("li").click(function () {
            $(this).attr("class", "active");
        })
    })
</script>

</body>
</html>